import React from 'react';
// import AppBar from 'material-ui/AppBar';
// import Toolbar from 'material-ui/Toolbar';
// import Typography from 'material-ui/Typography';
import { Link } from 'react-router-dom';

const navBar = {
  display: 'block',
  position: 'absolute',
  right: '1rem',
};

const navLink = {
  margin: '1rem',
  paddingRight: '2rem',
  textDecoration: 'none',
  color: 'black',
  fontSize: '2rem',
};

const MainMenu = () => (
  <div>
    <nav style={navBar}>
      <Link style={navLink} to="/">Home</Link>
      <Link style={navLink} to="/about">About</Link>
    </nav>
  </div>
);

export default MainMenu;
